<template>
  <div class="app">
    <button @click="isShow = !isShow">{{ isShow ? "关闭对话框" : "打开对话框"}}</button>
    <!--
      <BaseDialog :visiable.sync="isShow"></BaseDialog>
      相当于
      <BaseDialog :visiable="isShow" @update:visiable="isShow=$event"></BaseDialog>
      ***所以 子组件必须做固定的事件名称update:visiable
    -->
    
    <BaseDialog :visiable.sync="isShow"></BaseDialog>

  </div>
</template>

<script>
import BaseDialog from "./components/BaseDialog.vue"
export default {
  data() {
    return {
      isShow: true
    }
  },
  methods: {
    
  },
  components: {
    BaseDialog,
  },
}
</script>

<style>
</style>